<template>
  <div class="mt-4">
    <NRow :gutter="24">
      <NCol :span="24">
        <n-card content-style="padding: 0;" :bordered="false">
          <n-tabs type="line" size="large" :tabs-padding="20" pane-style="padding: 20px;">
            <n-tab-pane name="费用趋势">
              <FluxTrend :selectedGoodsType="selectedGoodsType" />
            </n-tab-pane>
            <n-tab-pane name="地磅数据">
              <VisitAmount :selectedGoodsType="selectedGoodsType" />
            </n-tab-pane>
          </n-tabs>
        </n-card>
      </NCol>
    </NRow>
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import FluxTrend from './FluxTrend.vue';
  import VisitAmount from './VisitAmount.vue';

  export default defineComponent({
    components: { FluxTrend, VisitAmount },
    props: {
      selectedGoodsType: {
        type: Number,
        default: null
      }
    },
    setup() {
      return {};
    },
  });
</script>
